@charset "utf-8";
/* CSS Document */

#body{
	overflow:hidden;
	overflow-y:scroll;
}

@-webkit-keyframes showClipBoard { 
	0%   { -webkit-transform:translateX(-380px); }
	100% { -webkit-transform:translateX(0px); }
}

#diceFormContainer{
	display:inline-block;
	background-color:#333366;
	float:left;
	max-height:400px;
	overflow-y:scroll;
	width:400px;
	-webkit-transition: -webkit-transform 300ms ;
	-webkit-transform:translateX(-360px);
	-webkit-transform-origin:left center;
	padding: 5px;
}

#diceFormContainer:hover, #diceFormContainer[locked="true"]{
	-webkit-transform:translateX(0px);
	-webkit-transition: -webkit-transform 300ms ;
}

img#pin{
	display: inline-block;
	background-color:white;
	
	width: 20px;
	height: 20px;
	float: right;
}

#diceResults{
	border-collapse:collapse;
}

#diceResults *{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}

#diceResults tr{
	padding-bottom:3px;
	padding-top:3px;
}


#diceResults tr{background-color:#F7FCFF;}
#diceResults tr:hover{background-color:#E8F6FF;}

#diceResults td{
	height:30px;
	vertical-align:middle;
	padding:0px 5px 0px 5px;
	border-top:1px solid lightgrey;
	border-bottom:1px solid lightgrey;
}

#diceResults tr:first-child td{
	border-top:none;
}

#diceResults tr:last-child td{
	border-bottom:none;
}

#diceResults tr td img{
	height:27px;
	width:27x;
}

#diceResults tr td:nth-child(1){
	padding-left:4px;
	padding-right:4px;
	border-right:1px dotted lightgrey;
}

#diceResults tr td:nth-child(2){
	padding-left:3px;
	font-size:25px;
	text-align:center;
}

#diceResults tr td:nth-child(3){
	color:#999;
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
	text-align:center;
	white-space:nowrap;
	padding-left:7px;
	padding-right:7px;
	border-right:1px dotted lightgrey;
}

#diceResults tr td:nth-child(4){
	padding-left:7px;
	padding-right:7px;
}

span[score="low"]{color:#F06;cursor:pointer;}
span[score="medium"]{color:#FFCC33;cursor:pointer;}
span[score="high"]{color:#0C0;cursor:pointer;}
.diceResultsFilter{
	margin-right:7px;
	padding-left:5px;
	padding-right:5px;
	color:white;
	font-weight:bold;
	background-color:DarkSlateGray;
	cursor:pointer;
}

.diceResultsFilter:hover{
	background-color:FireBrick;
}

#mapContainer{
	display:inline-block;
}
#map{
	/*border-spacing:1px;*/
	border-collapse:collapse;
}
#map td{height:50px;width:50px;background-color:black; border:1px solid white;padding:0px;}
#map tr td:nth-child(2n+1){width:2px;}
#map tr:nth-child(2n+1) td{height:4px;}
#map td[floor="true"]{background-color:#993300;border:1px solid #993300;}
#map td:hover{opacity:0.7;}
#map td img{
	width:inherit;
	height:inherit;
}

#toolPanel{
	display:inline-block;
	vertical-align:top;
	margin:5px;
	padding:5px;
	background-color:#333366;
}